<template>
    <div class="type-con">
        <ol class="sub-nav clearfix">
            <li>extend</li>
            <li>each</li>
            <li>map</li>
            <li>now</li>
            <li>getTime</li>
            <li>getDate</li>
            <li>arrSort</li>
            <li>cloneArr</li>
            <li>cloneObj</li>
            <li>extendArr</li>
            <li>unique</li>
            <li>objSort</li>
            <li>browser</li>
            <li>encrypt</li>
            <li>decrypt</li>
            <li>setCookie</li>
            <li>getCookie</li>
            <li>delCookie</li>
            <li>getVerify</li>
            <li>easing</li>
            <li>判断变量类型</li>
        </ol>
        <ul class="content">
            <li>
                <h3 class="title">extend</h3>
                <div class="content">
                    extend(obj)，扩展插件。<br /><br />
                    示例：<br />
                    <pre>

//在gjTool对象上添加方法
gjTool.extend({
    alert: function(){
        alert(a);
    }
})

//在gjTool实例上添加方法
gjTool.fn.extend({
    alert : function(){
        alert(gjTool(this).val());
    }
})
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">each</h3>
                <div class="content">
                    each(arr, fn)，遍历数组。fn有两个参数，index是下标索引，item是索引对应的值。<br /><br />
                    示例：<br />
                    <pre>
gjTool.each(arr, function(index, item){
    //some code
);
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">map</h3>
                <div class="content">
                    map(arr, fn)，遍历数组。fn有两个参数，index是下标索引，item是索引对应的值。有返回值，将fn里return出来的数据塞到新数组里返回。<br /><br />
                    示例：<br />
                    <pre>
var arr = [1,2,3];
var newArr = gjTool.each(arr, function(index, item){
    return item*2;
);
console.log(newArr) // [2,4,6]
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">now</h3>
                <div class="content">
                    now()，获取当前时间戳，毫秒。<br /><br />
                    示例：<br />
                    <pre>
var time = gjTool.now();
console.log(time);
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">getTime</h3>
                <div class="content">
                    getTime()，获取当前时间的年月日星期时分秒对象合集。<br /><br />
                    示例：<br />
                    <pre>
var obj = gjTool.getTime();
//年
console.log(obj.y);
//月
console.log(obj.m);
//日
console.log(obj.d);
//时
console.log(obj.h);
//分
console.log(obj.mi);
//秒
console.log(obj.s);
//星期
console.log(obj.w);
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">getDate</h3>
                <div class="content">
                    getDate(w)，获取一个当前时间年月日星期。<br /><br />
                    示例：<br />
                    <pre>
var date = gjTool.getDate();
console.log(date);//2018年02月14日星期三 10:28
                    </pre>
                    <pre>
var date = gjTool.getDate("-");
console.log(date);//2018-02-14 10:28
                    </pre>
                    <pre>
var date = gjTool.getDate("/");
console.log(date);//2018/02/14 10:28
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">arrSort</h3>
                <div class="content">
                    arrSort(arr, name, reverse)，数组按对象键名排序，升序。返回新数组<br /><br />
                    arr：必需。数组，要排序的数组对象<br />
                    name：必需。数组对象的属性名，以对应的属性值来排序<br />
                    reverse：可选。布尔值，true代表降序排序<br /><br />
                    示例：<br />
                    <pre>
var arr  = [{abc:123},{abc:345},{abc:111}];
var newArr = gjTool.arrSort(arr,"abc");//[{abc:111},{abc:123},{abc:345}]
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">cloneArr</h3>
                <div class="content">
                    cloneArr(arr)，深度克隆数组。返回新数组<br /><br />
                    arr：必需。数组，需要深度克隆的数组<br /><br />
                    示例：<br />
                    <pre>
var arr  = [{abc:123},{abc:345},{abc:111}];
var newArr = gjTool.cloneArr(arr);//[{abc:123},{abc:345},{abc:111}]
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">cloneObj</h3>
                <div class="content">
                    cloneObj(obj)，深度克隆对象。返回新对象<br /><br />
                    obj：必需。对象，需要深度克隆的对象<br /><br />
                    示例：<br />
                    <pre>
var obj  = {abc:111};
var newObj = gjTool.cloneObj(obj);//{abc:111}
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">extendArr</h3>
                <div class="content">
                    extendArr(arr1, arr2, arr3)，差集合并数组，可以合并多个。返回新数组<br /><br />
                    arr1：必需。数组，需要合并的数组<br />
                    arr2：必需。数组，需要合并的数组<br />
                    arr3：可选。数组，需要合并的数组<br /><br />
                    示例：<br />
                    <pre>
var arr1  = [{abc:123},{abc:345},{abc:111}];
var arr2  = [{abc:123},{abc:666},{abc:111}];
var newArr = gjTool.extendArr(arr1, arr2);//[{abc:123},{abc:345},{abc:111},{abc:666}]
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">unique</h3>
                <div class="content">
                    unique(arr)，数组去重。返回新数组<br /><br />
                    arr：必需。数组，需要去重的数组<br /><br />
                    示例：<br />
                    <pre>
var arr  = [1,1,2,3];
var newArr = gjTool.unique(arr);//[1,2,3];
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">objSort</h3>
                <div class="content">
                    objSort(obj) 对象按键名排序     升序。<br /><br />
                    示例：<br />
                    <pre>
var obj  ={ abc:123,ed:1,b:3};
var newArr = gjTool.objSort(obj);//{ abc:123,b:3,ed:1};
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">browser</h3>
                <div class="content">
                    browser 获取当前浏览器版本信息。browser是一个对象，可能包含的属性：opera，firefox，chrome，safari，webkit，ie，pc，phone，tablet。<br /><br />
                    示例：<br />
                    <pre>
var browser = gjTool.browser;
console.log(browser.chrome);
console.log(browser.webkit);
console.log(browser.pc);
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">encrpt</h3>
                <div class="content">
                    encrpt(str)，对字符串进行简单加密。<br /><br />
                    示例：<br />
                    <pre>
var newStr = gjTool.encrpt("123");//%ez%fa%fl
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">decrpty</h3>
                <div class="content">
                    decrpty(str)，对字符串进行简单加密之后的解密。<br /><br />
                    示例：<br />
                    <pre>
var newStr = gjTool.encrpt("123");//%ez%fa%fl
var str = gjTool.encrpt(newStr);//123
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">setCookie</h3>
                <div class="content">
                    setCookie(name, value, hour)，存储cookie，经过encrpt加密存储到根目录。<br /><br />
                    name：必需。字符串，需要存储的cookie名<br />
                    value：必需。字符串，需要存储的cookie值<br />
                    hour：必需。数字，单位小时。需要存储多久时间<br /><br />
                    示例：<br />
                    <pre>
gjTool.setCookie("user", "123", 1);
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">getCookie</h3>
                <div class="content">
                    getCookie(name)，按cookie名读取cookie值。<br /><br />
                    name：必需。字符串，需要读取的cookie名<br /><br />
                    示例：<br />
                    <pre>
gjTool.getCookie("user");
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">delCookie</h3>
                <div class="content">
                    delCookie(name)，按cookie名删除cookie。<br /><br />
                    name：必需。字符串，需要删除的cookie名<br /><br />
                    示例：<br />
                    <pre>
gjTool.delCookie("user")
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">getVerify</h3>
                <div class="content">
                    getVerify(length)，获取一定长度的随机数字字母。<br><br />
                    lenth: 必需。数字，获取随机数字字母的长度<br /><br />
                    示例：<br />
                    <pre>
var str = gjTool.getVerify(4); //fDcR
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">easing</h3>
                <div class="content">
                    easing，动画相关的运动曲线对象。可通过gjTool.extend扩展。<br />
                    目前有属性：<br />
                    <pre>
/*
 *   t (time) 时间 
 *   b (beginning position) 初始位置
 *   c (change position) 距离
 *   d (duration) 持续时间
*/
//匀速
gjTool.easying.linear(t,b,c,d) 

//加速
gjTool.easying.easeIn(t,b,c,d) 

//减速
gjTool.easying.easeOut(t,b,c,d) 

//加速减速
gjTool.easying.easeInOut(t,b,c,d) 
                    </pre>
                    
                </div>
            </li>
            <li>
                <h3 class="title">判断变量类型</h3>
                <div class="content">
                    判断各种变量类型：都需要传入一个需要判断的参数，返回布尔值，true/false。<br /><br />
                    <pre>
// 判断是否是字符串
gjTool.isString(test);

// 判断是否是undefined
gjTool.isUndefined(test)

// 判断是否是null
gjTool.isNull(test)

// 判断是否是数字
gjTool.isNumber(test)

//判断是否是布尔值
gjTool.isBoolean(test)

// 判断是否是时间
gjTool.isDate(test)

// 判断是否是对象
gjTool.isObject(test)

// 判断是否是数组
gjTool.isArray(test)

// 判断是否是函数
gjTool.isFunction(test)

// 判断是否是正则
gjTool.isRegExp(test)

// 判断是否是window对象
gjTool.isWindow(test)

// 判断是否是document对象
gjTool.isHTMLDocument(test)

//判断是否是dom元素
gjTool.isHTMLElement(test)

//判断是否是json字符串
gjTool.isJSON(test)
                    </pre>
                    
                </div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {};
</script>

<style>

</style>
